<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <title>Loyalty Points</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
  <link rel="stylesheet" href="stylesheets/style.css">
</head>


<body>
  <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
    <a class="navbar-brand" href="/home">Loyalty Points</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>

    <div class="collapse navbar-collapse" id="navbarsExampleDefault">
      <ul class="navbar-nav mr-auto">

      </ul>

      <ul class="navbar-nav px-3">
        <li class="nav-item text-nowrap">
          <a class="nav-link" href="/about">About</a>
        </li>

        <li class="nav-item text-nowrap dropdown">
          <a class="nav-link dropdown-toggle " href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sign-in</a>
          <div class="dropdown-menu" aria-labelledby="dropdown01">
            <a class="dropdown-item" href="/member">Member</a>
            <a class="dropdown-item" href="/partner">Partner</a>
          </div>
        </li>

      </ul>
    </div>
  </nav>

  <div class="jumbotron">
    <div class="container">
      <h1 class="display-4">Loyalty Points</h1>
      <h4></h4>
      <p>This web application demonstrates customer loyalty points on <b>blockchain</b> using <b>Hyperledger Fabric EVM</b></p>
      <p><a class="btn btn-primary btn-lg" href="/about" role="button">Learn more &raquo;</a></p>
    </div>
  </div>

  <div class="container marketing">

    <div class="row">
      <div class="col text-center">
        <div class="info"> </div>
      </div>
    </div>

    <div class="row" id="register" style="display:none;">
      <div class="col-lg-6 text-center">
        <h2>Members</h2>
        <p>Customers can register as Member to this program. Once registered they can make transactions to earn points and use points, and view all
          transactions. </p>
        <p>
          <a class="btn btn-secondary" href="/registerMember" role="button">Register &raquo;</a></p>
      </div>
      <div class="col-lg-6 text-center">
        <h2>Partners</h2>
        <p>Companies can register as Partner on the network. They can view all transactions and dashboard to view total points allocated and
          redeemed by members. </p>
        <p>
          <a class="btn btn-secondary" href="/registerPartner" role="button">Register &raquo;</a></p>
      </div>
    </div>
  </div>

  <hr class="featurette-divider">


</body>

</html>

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
<script src="/scripts/home.js"></script>
